<template>
    <!--预定信息-->
    <div class="book-list" id="_j_booking_info" style="text-align: left;margin-top: -45px">
        <div class="caption">
            <div class="title">
                价格来源
            </div>
            <div class="low-room" style="margin-left:150px;width:400px;">最低价房型</div>
            <div class="price">最低价格/每晚</div>
        </div>
        <!--1-->
        <a class="item _j_booking_item" :href="item.book" target="_blank" v-for="item in boollist.booking_item" :key="item.id">
            <div class="title">
                <img :src="item.title" width="100" height="20"/>
                <i class="icon-bg icon-alipay"></i>  <!--支付宝-->
                <i class="icon-bg icon-wxpay"></i>      <!--微信支付-->
            </div>
            <!--2-->
            <div class="low-room _j_booking_room" style="margin-left:150px;width:400px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
                {{item.low_room}}
            </div>
            <!--3-->
                <div class="price _j_booking_price_wrapper" style="width:120px;">
                        <span class="total" style="width:115px;margin-left: 20px">
                        <strong class="_j_booking_price">￥{{item.booking_price}}</strong>
                        <strong class="_j_booking_price_text" style="font-size: 12px;color: #666;padding-left: 2px;vertical-align: 1px;">
                            起
                        </strong>
                        <span class="margin-left:5px;font-size:14px;color:#999;text-decoration:line-through;"></span>
                    </span>
                    <i class="icon-bg icon-arrow" style="margin-top: 2px"></i>
                </div>
        </a>
    </div>
</template>

<script>
    export default {
        name: "Hotelbooklist",
        props:["boollist"],
        data(){
            return{

            };
        }
    }
</script>

<style scoped>

</style>